.bgHeader{
    position: relative;
    width: 100%;
    height: 300rpx;
    border-radius: 0 0 50% 50% / 0% 0% 15% 15%;
    overflow: hidden;
    background: $main_col;
}
.card-swiper{
    position: relative;
    top: -10rpx;
    margin-top: -300rpx;
}
.cuIcon-titles{
    color: $main_col;
}
.handles{
    margin: 30rpx;
    .handle{
        width: 690rpx;
        height: 300rpx;
        border-radius: 30rpx;
        box-shadow:10rpx 10rpx 15rpx  #aaa;
        padding: 30rpx;
        margin-top: 30rpx;
        .title{
            font-size: 50rpx;
        }
        .content{
            .yangli{
                margin-bottom: 10rpx;
            }
            .yi,.ji{
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden; 
            }
        }
    }
}
.swiper-item{
    position: relative;
    .swiper_title{
        color: #fff;
        position: absolute;
        bottom: 0rpx;
        width: 100%;
        padding: 0 30rpx;
    }
}
.navList{
    flex-wrap: wrap;
    // padding: 30rpx;
    background: #fff;
    // margin-top: 30rpx;
    .navItem{
        width: 20%;
        margin-bottom: 20rpx;
        .icon{
            width: 100rpx;
            height: 100rpx;
        }
        .name{
            color: #666;
            font-weight: 900;
            line-height: 60rpx;
            height: 50rpx;
        }
    }
}
.click{
    // box-shadow: 5rpx 5rpx 10rpx 40rpxs #aaa;
    // color: #000;
    opacity: .8;
}


.man,.woman{
    font-size: 30rpx;
}
.man{
    color: $man;
}
.woman{
    color: $woman;
}
.me{
    .user_info {
        width: 710rpx;
        background: #fff;
        height: 200rpx;
        margin: 20rpx;
        padding: 20rpx;
        border-radius: 10rpx;
        margin-top: -280rpx;
        position: relative;
        z-index: 1000;
        .avatar {
            width: 100rpx;
            height: 100rpx;
            border-radius: 100rpx;
            margin-right: 30rpx;
            flex-shrink: 0;
        }

        .info {
            font-size: 26rpx;

            .name {
                font-size: 30rpx;
                font-weight: bold;
                color: #666;
                margin-bottom: 5rpx;
            }

            .sex {
                color: #999;
            }
        }
    }

    .list {
        background: #fff;
        width: 710rpx;
        margin: 20rpx;
        padding: 0rpx 20rpx;
        border-radius: 10rpx;
        margin-top: 120rpx;
        .item {
            font-size: 32rpx;
            height: 100rpx;
            border-bottom: 1rpx solid #eee;
            padding: 20rpx 0rpx;
            position: relative;
            &:last-child {
                border-block-width: 0rpx;
            }
            .icon{
                margin-right: 10rpx;
            }
            image.icon {
                width: 50rpx;
                height: 50rpx;
            }
            view.icon{
                font-size: 50rpx;

            }

            .right {
                margin-left: auto;
            }
            .btn{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0rpx ;
                left: 0rpx;
                margin: 0rpx;
                opacity: 0;
            }
        }
    }
}